<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>陌上花开</title>
        <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
        <link rel="stylesheet" href="weui_self.css">
        <script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.1.3/weui.min.js"></script>
        <style>
            html,body{height: 100%;}
            
        </style>
    </head>
    <body ontouchstart>
        <div class="header">
        </div>
        <div class="main">  
        </div>
        <div class="footer">
             <div class="weui-tab" id="tab">
                <div class="weui-navbar">
                    <a href="status.html" class="weui-navbar__item tab_font">设备状态</a>
                    <a href="hand.html" class="weui-navbar__item tab_font ">手动模式</a>
                    <a href="" class="weui-navbar__item tab_font tab_font_on">四季模式</a>
                </div>
            </div>
           <script src="footer.js"></script>
        </div> 
    </body>
    <script type="text/javascript">
        var a=document.getElementById('sliderValue');
            weui.slider('#slider', {
                step: 10,
                defaultValue: 40,
                onChange: function(percent){
                    a.innerHTML=parseInt(percent);
                }
            });
            
    </script>
</html>
